// Default Previews

.vuefinder__default-preview {
  @apply flex flex-col;
}

.vuefinder__default-preview__header {
  @apply flex mb-2;
}

.vuefinder__default-preview__title {
  @apply text-lg leading-6 font-medium text-gray-900 dark:text-gray-400;
}

// Image Preview

.vuefinder__image-preview {
  @apply flex flex-col;
}

.vuefinder__image-preview__header {
  @apply flex items-center mb-2;
}

.vuefinder__image-preview__title {
  @apply text-lg leading-6 font-medium text-gray-900 dark:text-gray-400;
}

.vuefinder__image-preview__actions {
  @apply ml-auto flex items-center;
}

.vuefinder .vuefinder__image-preview__crop-button {
  @apply ml-1 px-2 py-1 rounded border border-transparent shadow-sm bg-blue-700/75 hover:bg-blue-700 dark:bg-gray-700 dark:hover:bg-gray-700/50 text-base font-medium text-white sm:ml-3 sm:w-auto sm:text-sm;
}

.vuefinder .vuefinder__image-preview__edit-button {
  @apply ml-1 px-2 py-1 text-blue-500;
}

.vuefinder__image-preview__image-container {
  @apply w-full flex justify-center;
}

.vuefinder .vuefinder__image-preview__image {
  @apply max-w-[50vh] max-h-[50vh];
}

// Auido Preview
.vuefinder__audio-preview__title {
  @apply mb-2 text-lg leading-6 font-medium text-gray-900 dark:text-gray-400;
}

.vuefinder .vuefinder__audio-preview__audio {
  @apply w-full;
}

// PDF Preview

.vuefinder__pdf-preview__title {
  @apply mb-2 text-lg leading-6 font-medium text-gray-900 dark:text-gray-400;
}

.vuefinder .vuefinder__pdf-preview__object {
  @apply h-[60vh];
}

.vuefinder .vuefinder__pdf-preview__iframe {
  @apply border-0;
}

// Text Preview

.vuefinder__text-preview {
  @apply flex flex-col;
}

.vuefinder__text-preview__header {
  @apply flex items-center mb-2;
}

.vuefinder__text-preview__title {
  @apply text-lg leading-6 font-medium text-gray-900 dark:text-gray-400;
}

.vuefinder__text-preview__actions {
  @apply ml-auto flex items-center;
}

.vuefinder .vuefinder__text-preview__save-button {
  @apply ml-1 px-2 py-1 rounded border border-transparent shadow-sm bg-blue-700/75 hover:bg-blue-700 dark:bg-gray-700 dark:hover:bg-gray-700/50 text-base font-medium text-white sm:ml-3 sm:w-auto sm:text-sm;
}

.vuefinder .vuefinder__text-preview__edit-button {
  @apply ml-1 px-2 py-1 text-blue-500;
}

.vuefinder__text-preview__content {
  @apply p-2 border font-normal whitespace-pre-wrap border-gray-200 dark:border-gray-700/50 dark:text-gray-200 rounded min-h-[200px] max-h-[60vh] text-xs overflow-auto;
}

.vuefinder .vuefinder__text-preview__textarea {
  @apply w-full p-2 rounded dark:bg-gray-700 dark:text-gray-200 dark:focus:ring-gray-600 dark:focus:border-gray-600 dark:selection:bg-gray-500 min-h-[200px] max-h-[60vh];
}

// Video Preview

.vuefinder__video-preview__title {
  @apply mb-2 text-lg leading-6 font-medium text-gray-900 dark:text-gray-400;
}

.vuefinder .vuefinder__video-preview__video {
  @apply w-full aspect-video;
}

